.header {
  height: 4.347826rem;
  background-color: #FF8D8D;
  box-sizing: border-box;
  padding: .869565rem;
  font-size: 1.256039rem;
  color: #fff;
  font-weight: bold;
}
.info {
  height: 64px;
  display: flex;
  box-sizing: border-box;
  padding: 0 .483092rem;
  img {
    box-sizing: border-box;
    border: #fff .193237rem solid;
    width: 3.864734rem;
    height: 3.864734rem;
    background-color: #FF8D8D;
    border-radius: 50%;
    transform: translate(0, -20px);
  }
  .info_main {
    padding-left: .483092rem;
    p {
      font-size: .869565rem;
      padding-top: .483092rem;
    }
    ul {
      display: flex;
      flex-wrap: wrap;
      padding-top: .483092rem;
      li {
        width: 4.347826rem;
        height: .869565rem;
        line-height: .869565rem;
        background-color: #eee;
        color: #999;
        text-align: center;
        border-radius:  .434783rem;
        margin-right: .483092rem;
        font-size: .57971rem;
      }
    }
  }
}
.title {
  box-sizing: border-box;
  padding: 0 .966184rem;
  font-size: .676329rem;
  color: #333;
  font-weight: bold;
  padding-top: .966184rem;
}
p {
  box-sizing: border-box;
  font-size: .676329rem;
  color: #999;
  padding: .289855rem .966184rem;

}